.SearchView {
    position: relative;
}

.SearchView .Content {
    /*min-height: 50vh;*/
    margin-top: 20px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.SearchView .SearchBox {
    height: 50px;
    margin: 50px 15px 15px;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-color: #EDEDED;
}


.SearchView .SearchBox .SearchButton {
    /*margin-right: 15px;*/
}

.SearchView .Content .ImageList {
    margin-top: 20px;
    margin-left: 0;
    gap: 10px !important;
}

/* 桌面端适配宽度 */
@media only screen and (max-width: 1309px) {
    /* 960 */
}

/* 平板端适配宽度 */
@media screen and (max-width: 991px) {
    /* 720 */
    .SearchView .Content .ImageList {
        display: flex;
        flex-direction: column;
    }
}

/* 移动端适配宽度 */
@media screen and (max-width: 768px) {
    /* 540 */
    .SearchView .Content .ImageList {
        display: flex;
        flex-direction: column;
    }
}


/* 浅色模式 */
.SearchView.light .SearchBox {
    background-color: #EDEDED;
}

/* 深色模式 */
.SearchView.dark .SearchBox {
    background-color: #474747;
}

/* 自适应浅色模式 */
@media only screen and(prefers-color-scheme: light) {
    /* 浅色模式 */
    .SearchView .SearchBox {
        background-color: #EDEDED;
    }
}

/* 自适应深色模式 */
@media only screen and(prefers-color-scheme: dark) {
    /* 浅色模式 */
    .SearchView .SearchBox {
        background-color: #474747;
    }
}


